---
import type { GetStaticPaths } from "astro";
import Layout from "../../layouts/Layout.astro";
import { getCollection } from "astro:content";
export const getStaticPaths = (async () => {
	const entries = await getCollection("blog");
	return entries.map((entry) => ({
		params: { slug: entry.slug },
		props: { entry },
	}));
}) satisfies GetStaticPaths;
const { entry } = Astro.props;
const { Content } = await entry.render();
const formattedDate = new Date(entry.data.publishedAt).toLocaleDateString(
	"es-ES",
	{
		year: "numeric",
		month: "long",
		day: "numeric",
		weekday: "long",
	},
);
const schema = {
	"@context": "https://schema.org",
	"@type": "BlogPosting",
	headline: entry.data.title,
	datePublished: entry.data.publishedAt.toISOString(),
	author: {
		"@type": "Person",
		name: "Ariel Costas Guerrero",
	},
	publisher: {
		"@type": "Person",
		name: "Ariel Costas Guerrero",
		logo: {
			"@type": "ImageObject",
			url: "https://www.costas.dev/favicon.png",
		},
	},
};
---

<Layout title={entry.data.title} description={entry.data.metaDescription}>
	<script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script>

	<h1>{entry.data.title}</h1>
	<small>
		Publicado el
		<time datetime={entry.data.publishedAt.toISOString()}>
			{formattedDate}
		</time>
	</small>

	<Content />
</Layout>